<ul class="nav nav-tabs">
  <li id="reviewTab">
    <a (click)="getList('targetReview')">指标复核</a>
  </li>
  <li id="reviewQueryTab">
    <a (click)="getList('targetReviewQuery')">指标复核查询</a>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane in active box box-default" id="review">
    <div class="box-body">
      <form class="form-inline">
        <div class="box box-default collapsed-box">
          <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
            <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-zbfh-recheck')" class="btn btn-primary" (click)="reviewOrReback('review')">
                  <i class="fa fa-edit"></i>复核</button>
            <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-zbfh-recheck')" class="btn btn-primary" (click)="reviewOrReback('reback')">
                  <i class="fa fa-edit"></i>返回</button>
            <button *ngIf="_.includes(menuResourceSet,'btn-rcmi-zbfh-viewFlow')" class="btn btn-primary" (click)="showModel('flow')">
                  <i class="fa fa-edit"></i>查看流程状态</button>
            <button class="btn btn-box-tool pull-right" data-widget="collapse">
                  <i class="fa fa-plus"></i></button>
          </div>
          <div class="box-body">
            <div class="form-group">
              <label class="control-label">基金代码：</label>
              <input class="form-control" [(ngModel)]="getBody.sFundCode" name="sFundCode" placeholder="基金代码">
              <label class="control-label">基金名称：</label>
              <input class="form-control" [(ngModel)]="getBody.sFullName" name="sFullName" placeholder="基金名称">
              <label class="control-label">基金类型：</label>
              <select class="form-control" [(ngModel)]="getBody.sFundType" name="sFundType">
                <option [value]="''" selected="selected">全部</option>
                <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.FUND_TYPE">{{item.sItemValue}}</option>
              </select>
              <button class="btn btn-primary" (click)="list(1)">
                  <i class="fa fa-search"></i>查询</button>
            </div>
          </div>
        </div>
      </form>
      <div class="box-body" style="padding-left:0px;padding-right:0px;">
        <div #reviewTable></div>
        <!-- <div class="ibt-fixed-table-container"> -->
        <!-- 右侧滚动表头 -->
        <!-- <div class="table-scroll-content">
            <table id="route-table" class="table table-hover table-striped table-keep-line" style="margin-top:unset !important;">
              <thead>
                <tr role="row">
                  <th rowspan="3">
                    <div class="cell" style="width:50px;">
                      <div class="checkbox checkbox-primary">
                        <input type="checkbox" id="isCheckedAll">
                        <label>
                            </label>
                      </div>
                    </div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">基金类型</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">基金名称</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">指标状态</div>
                  </th>
                  <th colspan="11" rowspan="1">
                    <div class="cell">股票</div>
                  </th>
                  <th colspan="14" rowspan="1">
                    <div class="cell">债券</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">权证</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">资产支持证券</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">股指期货</div>
                  </th>
                  <th colspan="9" rowspan="1">
                    <div class="cell">证券投资基金</div>
                  </th>
                  <th colspan="3" rowspan="1">
                    <div class="cell">银行存款</div>
                  </th>
                  <th colspan="2" rowspan="1">
                    <div class="cell">回购</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">受托人</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">托管行</div>
                  </th>
                  <th colspan="5" rowspan="1">
                    <div class="cell">大资产的比例限制</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">养老金产品</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">商业银行理财</div>
                    <div>产品</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">信托产品</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">基础设施债券</div>
                    <div>投资计划</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">特定资产管理</div>
                    <div>计划</div>
                  </th>
                </tr>
                <tr role="row">
                  <th colspan="5" rowspan="1">
                    <div class="cell">主板</div>
                  </th>
                  <th colspan="5" rowspan="1">
                    <div class="cell">创业板</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">流通受限证券</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">国债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">央票</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">政策性金融债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">地方政府债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">一般企业、</div>
                    <div>公司债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">一般可转债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">分离可转债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">普通短融</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">超短融</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">中期票据</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">商业银行次级债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">一般次级债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">私募债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">非公开定向债务</div>
                    <div>融资工具</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">封闭式</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">开放式</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">股票型</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">债券型</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">混合型</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">货币型</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">易方达货币</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">易方达债券</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">易方达其他基金</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">定期及协议存款</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">活期</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">通知存款</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">抵押回购</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">买断式回购</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">国债</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">流动性</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">固定收益</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">权益</div>
                  </th>
                  <th colspan="1" rowspan="2">
                    <div class="cell">股票</div>
                  </th>
                </tr>
                <tr role="row">
                  <th colspan="1" rowspan="1">
                    <div class="cell">二级市场</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">新股网上申购</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">新股网下申购</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">公增</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">非公开</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">二级市场</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">新股网上申购</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">新股网下申购</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">公增</div>
                  </th>
                  <th colspan="1" rowspan="1">
                    <div class="cell">非公开</div>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of dataList">
                  <td>
                    <div class="cell" style="width:50px;">
                      <div class="checkbox checkbox-primary">
                        <input type="checkbox" name="checkbox1">
                        <label>
                            </label>
                      </div>
                    </div>
                  </td>
                  <td>
                    <div class="cell short_name">{{item.sFundTypeZh}}</div>
                  </td>
                  <td>
                    <div class="cell short_name">{{item.sFullName}}</div>
                  </td>
                  <td>
                    <div class="cell short_name">{{item.sOprStateZh}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f1" [attr.title]="item.f1">{{item.f1}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f2" [attr.title]="item.f2">{{item.f2}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f3" [attr.title]="item.f3">{{item.f3}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f4" [attr.title]="item.f4">{{item.f4}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f6" [attr.title]="item.f6">{{item.f6}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f7" [attr.title]="item.f7">{{item.f7}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f8" [attr.title]="item.f8">{{item.f8}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f9" [attr.title]="item.f9">{{item.f9}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f10" [attr.title]="item.f10">{{item.f10}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f12" [attr.title]="item.f12">{{item.f12}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f13" [attr.title]="item.f13">{{item.f13}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f14" [attr.title]="item.f14">{{item.f14}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f15" [attr.title]="item.f15">{{item.f15}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f16" [attr.title]="item.f16">{{item.f16}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f17" [attr.title]="item.f17">{{item.f17}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f18" [attr.title]="item.f18">{{item.f18}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f19" [attr.title]="item.f19">{{item.f19}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f20" [attr.title]="item.f20">{{item.f20}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f21" [attr.title]="item.f21">{{item.f21}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f22" [attr.title]="item.f22">{{item.f22}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f23" [attr.title]="item.f23">{{item.f23}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f24" [attr.title]="item.f24">{{item.f24}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f25" [attr.title]="item.f25">{{item.f25}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f26" [attr.title]="item.f26">{{item.f26}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f27" [attr.title]="item.f27">{{item.f27}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f28" [attr.title]="item.f28">{{item.f28}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f29" [attr.title]="item.f29">{{item.f29}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f30" [attr.title]="item.f30">{{item.f30}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f31" [attr.title]="item.f31">{{item.f31}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f32" [attr.title]="item.f32">{{item.f32}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f33" [attr.title]="item.f33">{{item.f33}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f34" [attr.title]="item.f34">{{item.f34}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f35" [attr.title]="item.f35">{{item.f35}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f36" [attr.title]="item.f36">{{item.f36}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f37" [attr.title]="item.f37">{{item.f37}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f38" [attr.title]="item.f38">{{item.f38}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f41" [attr.title]="item.f41">{{item.f41}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f42" [attr.title]="item.f42">{{item.f42}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f43" [attr.title]="item.f43">{{item.f43}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f44" [attr.title]="item.f44">{{item.f44}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f45" [attr.title]="item.f45">{{item.f45}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f46" [attr.title]="item.f46">{{item.f46}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f47" [attr.title]="item.f47">{{item.f47}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f48" [attr.title]="item.f48">{{item.f48}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f49" [attr.title]="item.f49">{{item.f49}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f50" [attr.title]="item.f50">{{item.f50}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f51" [attr.title]="item.f51">{{item.f51}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f52" [attr.title]="item.f52">{{item.f52}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f53" [attr.title]="item.f53">{{item.f53}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f54" [attr.title]="item.f54">{{item.f54}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f55" [attr.title]="item.f55">{{item.f55}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f56" [attr.title]="item.f56">{{item.f56}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f57" [attr.title]="item.f57">{{item.f57}}</div>
                  </td>
                  <td>
                    <div class="cell short_name dataChange" id="f58" [attr.title]="item.f58">{{item.f58}}</div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div> -->
        <!-- 左侧固定表头 -->
        <!-- <div class="ibt-table-fixed-content">
            <table class="table table-hover table-striped table-keep-line">
              <thead>
                <tr role="row">
                  <th rowspan="3">
                    <div class="cell" style="width:50px;">
                      <div class="checkbox checkbox-primary">
                        <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
                        <label></label>
                      </div>
                    </div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">基金类型</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">基金名称</div>
                  </th>
                  <th colspan="1" rowspan="3">
                    <div class="cell">指标状态</div>
                  </th>
                  <th></th>
                </tr>
                <tr role="row">
                  <th></th>
                </tr>
                <tr role="row">
                  <th></th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of dataList">
                  <td>
                    <div class="cell" style="width:50px;">
                      <div *ngIf="item.sOprState=='1'" class="checkbox checkbox-primary">
                        <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                        <label></label>
                      </div>
                    </div>
                  </td>
                  <td>
                    <div class="cell short_name" [attr.title]="item.sFundTypeZh">{{item.sFundTypeZh}}</div>
                  </td>
                  <td>
                    <div class="cell short_name" [attr.title]="item.sFullName">{{item.sFullName}}</div>
                  </td>
                  <td>
                    <div class="cell short_name" [attr.title]="item.sOprStateZh">{{item.sOprStateZh}}</div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div> -->
        <!-- </div> -->
      </div>
      <div class="box-footer clearfix" style="width:100%;">
        <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
          <div class="pull-left pagination-detail" data-pagination-additional="true">
            <span class="pagination-info">
                  当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
                </span>
            <span class="page-list">
                  每页记录
                  <span class="btn-group dropup">
                    <button  class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                      <span class="page-size">{{listPageInfo.pageSize}}</span>
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                <a>{{i}}</a>
              </li>
            </ul>
            </span>
            条
            </span>
          </div>
        </app-pagination>
      </div>
    </div>
  </div>
  <div class="tab-pane in box box-default" id="reviewQuery">
    <div #reviewQueryPage></div>
  </div>
</div>
<!-- 复核modal -->
<div class="modal modal-open modal-detail" id="reviews">
  <div #reviews></div>
</div>
<!-- 查看流程状态modal -->
<div class="modal modal-open modal-detail" id="targetReviewFlow">
  <div #flow></div>
</div>